<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui">
	<script src="http://maps.google.com/maps/api/js?sensor=false"
		type="text/javascript">
		var currentMarker = null;
	</script>
	<h:form prependId="false">
		<p:growl id="growl2" showDetail="true" />
		<h:panelGrid columns="2" style="border:none;">
			<p:gmap id="gmap" center="17.494974,78.334493" zoom="13"
				type="HYBRID" style="width:600px;height:400px"
				model="#{mapsManagedBean.emptyModel}" widgetVar="map">
				<p:ajax event="overlaySelect"
					listener="#{mapsManagedBean.onMarkerSelect}"
					update="growl2 details" />
			</p:gmap>
			<h:panelGrid id="details">
				<h:panelGrid columns="2" style="border:none;" >
					<h:outputLabel
						value="#{mapsManagedBean.userDTO.name} -  #{mapsManagedBean.userDTO.mobileno} " />
					<h:outputLabel value="#{mapsManagedBean.userDTO.houseno}" />
					<h:outputLabel value="#{mapsManagedBean.userDTO.email}" />
					<h:outputLabel value="#{mapsManagedBean.userDTO.street}" />
					<h:outputLabel value="" />
					<h:outputLabel value="#{mapsManagedBean.userDTO.area}" />
					<h:outputLabel value="" />
					<h:outputLabel value="#{mapsManagedBean.userDTO.landmark}" />
					<h:outputLabel value="" />
					<h:outputLabel value="#{mapsManagedBean.userDTO.city}" />
				</h:panelGrid>
				<p:dataTable var="orderItems"
					value="#{mapsManagedBean.userDTO.orderTables}" scrollable="true"
					scrollHeight="350">


					<p:column style="width:50%" headerText="Order Date">
						<h:outputText value="#{orderItems.orderDate}" />
					</p:column>
					<p:column style="width:50%" headerText="Delivery Date">
						<h:outputText value="#{orderItems.deliveryDate}" />
					</p:column>
					<p:column style="width:50%" headerText="Amount">
						<h:outputText value="#{orderItems.amount}" />
					</p:column>

				</p:dataTable>


			</h:panelGrid>
		</h:panelGrid>
	</h:form>
</ui:composition>